<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--模板-->
    <div id="app">
        <!--v-model 实现了数据双向绑定-->
        <input type="text" placeholder="输入一些数据" v-model="msg">
        {{msg}}
    </div>
</body>
<script src="./js/vue.js"></script>
<script>
    Vue.config.productionTip = false;

    new Vue({
        el:"#app",
        data:{
           msg:"hello Vue"
        },
        //mounted : vue的钩子函数
        mounted(){
            console.log("mounted")
            //mounted中的this指向new Vue构造出来的实例对象(匿名的实例对象)
            setTimeout(()=>{
                this.msg = "hello Vue 666"
            },2000)
        }
    })

</script>
</html>